<%@ page language="java" errorPage="/error.jsp" pageEncoding="UTF-8" contentType="text/html;charset=utf-8" %>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html>
<html>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<head>
    <meta charset="utf-8"/>
    <title>订单详情</title>
    <%@ include file="/common/styles.jsp" %>
</head>
<body>

<s:action name="product-order!view" executeResult="false" namespace="/h5" var="view"/>


<div class="pg-confirmorder f-fs2">
    <div class="m-address">
        <p class="name">${view.productOrder.addrName} ${view.productOrder.addrMobile}</p>
        <p class="u-addr">${view.productOrder.province}${view.productOrder.city}${view.productOrder.district} ${view.productOrder.address}</p>
    </div>
</div>

<div class="pg-order-view f-fs2">


    <div class="u-product">
        <div class="u-hd">
            <span>商品详情</span>
            <span class="f-fr f-c-danger">
                ${view.productOrder.statements}
            </span>
        </div>
        <div class="u-bd">
            <s:action name="order-item!list" executeResult="false" namespace="/h5" var="orderItemList">
                <s:param name="query.order">addTime</s:param>
                <s:param name="query.desc">true</s:param>
                <s:param name="query.productOrderId">${view.productOrder.id}</s:param>
                <s:param name="query.enabled">true</s:param>
            </s:action>
            <s:iterator value="%{#orderItemList.orderItems}" var="orderItem" status="rowStatus">

            </s:iterator>
            <div class="u-pro">
                <img src="${orderItem.product.img}!icon.jpg">
                <div class="u-tex">
                    <p>${util:preview(orderItem.product.name,false,10)}(${orderItem.productItem.title})</p>
                    <span>￥${orderItem.productItem.price}/㎡</span>
                    <span class="f-fr">X ${orderItem.productItem.quantity}</span>
                </div>
            </div>
        </div>
    </div>

    <div class="u-info">
        <div class="u-hd">
            <span>选择卡券</span>
            <span class="f-fr">
                <c:if test="${view.productOrder.userCoupon!=null}">
                    ${view.productOrder.userCoupon.coupon.title}
                </c:if>
                <c:if test="${view.productOrder.userCoupon==null}">
                    未使用卡券
                </c:if>
            </span>
        </div>
    </div>
    <div class="u-info">
        <div class="u-hd">
            <span>结算详情</span>
        </div>
        <div class="pay">
            <p><label>商品总价</label> ${view.productOrder.origPrice}</p>
            <p><label>商品合计</label> 12 </p>
            <p><label>运费</label> 23 </p>
            <p><label>优惠券</label> 33</p>
        </div>
        <div class="payb">
            <span>实付: ￥2919</span>
        </div>
    </div>

    <div class="u-ordertop" style="margin-top: 10px;">
        <div class="u-bd">
            <p><label>下单时间: </label>2017年12月12日</p>
            <p><label>订单编号: </label>128882377</p>
        </div>
        <div class="u-ft">
                <span class="u-price">
                    实付款：￥1222
                </span>
            <a href="" class="f-fr u-btn-bor u-btn-bor-danger">取消订单</a>
            <a href="" class="f-fr u-btn-bor ">立即支付</a>
        </div>
    </div>

</div>


<%@ include file="/common/scripts.jsp" %>

<script>


</script>

</body>

</html>
